<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>进度条</title>
</head>
<body>
    <!-- 
        max 最大值
        value 当前进度值
     -->
    <progress max="100" value="50"></progress>

    <!-- 度量器 衡量当前进度值 -->
    <!-- 
        high 规定的较高的值
        low 规定的较低的值
        max 规定的最大值
        min 规定的最小值
        value 当前度量值
     -->
    <meter max="100" min="0" value="30" high="80" low="40"></meter>
    <meter max="100" min="0" value="60" high="80" low="40"></meter>
    <meter max="100" min="0" value="90" high="80" low="40"></meter>
</body>
</html>